<!--
 * @Description: 
 * @Author: lwx
 * @Date: 2022-11-30 21:17:39
 * @LastEditors: lwx
 * @LastEditTime: 2023-04-25 14:20:38
-->
<template>
   <div class="device_info">
      <div class="device_item">
         <span class="lable">设备编号</span>
         <span>{{info.machine_no}}</span>
      </div>
      <div class="device_item text-overflow">
         <span class="lable">设备名称</span>
         <span>{{info.name}}</span>
      </div>
      <div class="device_item">
         <span class="lable">设备状态</span>
         <span>{{info.enable===1?'启用中':'禁用'}}</span>
      </div>
      <div class="device_item">
         <span class="lable">设备厂区</span>
         <span>{{info.factory_no}}</span>
      </div>
      <div class="device_item">
         <span class="lable">设备类型</span>
         <span>{{info.machine_kind}}</span>
      </div>
       <div class="device_item">
         <span class="lable">设备厂房</span>
         <span>{{info.workshop_no}}</span>
      </div>

   </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  props:{
    info:Object
  },
}
</script>
<style lang='scss' scoped>
.device_info{
    display: flex;
    flex-wrap: wrap;
    background: #FAFAFA;
    padding: 10px 15px 15px;
    border-radius: 5px;
    font-size: 14px;
    height: 150px;
}
.device_item{
  display: felx;
  width: 50%;
  margin-top: 10px
}
.lable{
  font-weight: 600;
  color:#909399;
  margin-right: 10px;
}
</style>